@charset "utf-8";
/* CSS Document */

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.w800{ width: 800px;}
.w336{ width: 336px;}
.w570{ width: 570px;}
.w200{ width: 200px;}
.w960{ width: 960px;}
.w780{ width: 780px;}
.w360{ width: 360px;}
.marB30{ margin-bottom: 30px;}
.marB50{ margin-bottom: 50px;}
.padS25{ padding: 0 25px;}
.padS30{ padding: 0 30px;}
.hide{ display: none;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}

/*首页*/
.slider1_wrap{ position: relative; width: 780px; height: 438px; margin: 0 auto; overflow: hidden;}
.slider1{}
.slider1 li{ position: relative; width: 780px; height: 438px;}
.slider1 li img{ float: left; width: 780px; height: 438px; }
.slider1 h3{ position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; font: bold 24px/48px "simsun"; text-indent: 0.5em; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99135fd1', endColorstr='#99135fd1'); background: rgba(19,95,209,0.8); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.slider1 h3 a{ color: #fff;} 

.slider1_wrap .bx-wrapper{ position: relative;}
.slider1_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider1_wrap .bx-pager{  position: absolute; bottom: 17px; right: 17px; z-index: 10;}
.slider1_wrap .bx-pager-item{   float: left;}
.slider1_wrap .bx-pager-link{ float: left; width: 14px; height: 14px; margin-left: 5px; text-indent: 999em; background: #aaa; border-radius: 50%; overflow: hidden;}
.slider1_wrap .bx-pager-link:hover, .slider1_wrap .bx-pager-link.active{ background-color: #fff; text-decoration: none;}

.slider1_wrap .bx-prev, .slider1_wrap .bx-next{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; background-image: url(../images/arr1.png); text-indent: 999em; overflow: hidden;}
.slider1_wrap .bx-prev{ left: 0; background-position: 0 0;}
.slider1_wrap .bx-next{ right: 0; background-position:  -40px 0;}

.b_lmT{ position: relative; height: 60px; padding: 20px 0 40px; text-align: center;}
.b_lmT_more{ position: absolute; right: 0; bottom: 36px; height: 16px; font-size: 16px; line-height: 16px; color: #2a7bec;}
.b_lmT_con{ position: relative; display: inline-block; *display:inline; margin: 0 auto; font: bold 30px/80px "Microsoft Yahei"; }
.b_lmT_con span.sty1{ color: #2a7bec;}
.b_lmT_con span.sty2{ color: #fff;}
.bl_bar1{ position: absolute; top: 50%; width: 18px; height: 3px; margin-top: -2px; }
.bl_bar1_l{ left: -30px;}
.bl_bar1_r{ right: -30px;}
.bl_bar1.sty1{ background-color: #2a7bec;}
.bl_bar1.sty2{ background-color: #fff;}
.bl_bar2{ position: absolute; top: 50%; width: 56px; height: 1px; margin-top: -1px; background-color: #cfcfcf;}
.bl_bar2_l{ left: -86px;}
.bl_bar2_r{ right: -86px;}
.bl_bar2.sty1{ background-color: #cfcfcf;}
.bl_bar2.sty2{ background-color: #fff;}
.bl_grid{ position: absolute; top: 0; left: -105px; width: 60px; height: 60px; background: url(../images/grid_lmT.png) no-repeat;}
.bl_grid.sty1{ background-position: 0 0}
.bl_grid.sty2{ background-position: 0 -60px}

.zx_tem{ margin-bottom: 30px;}
.zx_tem img{ float: left; width: 316px; height: 180px;}
.zx_wz{ float: right; width: 460px;}
.zx_t{ max-height: 60px; font-size: 20px; line-height: 30px; overflow: hidden;}
.zx_t a{ color: #000;}
.zx_des{ max-height: 128px; font-size: 16px; line-height: 32px; color: #666; overflow: hidden;}

.zx_i_list{}
.zx_i_list li{ width: 336px; height: 130px; /*height: 136px;*/ margin-bottom: 30px;}
.zx_i_list img{ width: 100%; height: 100%;}

#jcl_wqyx{ width:1200px;  position:relative; overflow: hidden;}
.jcl_wqyx_block_wrap{ width: 1200px; overflow: hidden;}
.jcl_wqyx_container{ overflow: hidden; width:1200px; position: relative; display: block; }
.jcl_wqyx_container li{ position: relative; width: 360px; margin-right: 60px; overflow: hidden;}

.wqyx_tem{ position: relative; width: 360px; padding-bottom: 6px; margin-right: 60px;}
.wqyx_bot{  width: 350px; height: 1px; margin: 5px auto 0; background-color: #e2e2e2; }
.wqyx_tem img{ width: 360px; height: 204px;}
.wqyx_wz{ height: auto; padding: 0 20px 14px; border: 1px solid #e2e2e2; border-top: none; text-align: justify;}
.wqyx_t{ height: 64px; margin-bottom: 10px; padding-top: 14px; font-size: 22px; font-family: "simsun"; line-height: 32px; overflow: hidden;}
.wqyx_t a{ color: #000;}
.wqyx_des{ height: 56px; margin-bottom: 10px; font-size: 16px; line-height: 28px; color: #666666; font-family: "simsun"; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wqyx_wz span{ display: block; height: 30px; font-size: 14px; line-height: 30px; text-align: right; font-family: "simsun"; color: #888;}
.wqyx_tem .icon_play{ position: absolute; left: 50%; top: 85px; width: 40px; height: 41px; margin-left: -20px; background: url(../images/icon_play.png) no-repeat center top;}

.jcl_wqyx_next, .jcl_wqyx_prev{ position:absolute; top: 85px; display:block; width:40px; height:40px;  background-image:url(../images/arr1.png);  z-index:10; cursor:pointer;}
.jcl_wqyx_prev{ background-position:0 0; left: 0;}
.jcl_wqyx_next{ background-position:-40px 0; right: 0;}

/*.video_wrap{ position: relative; height: 500px; overflow: hidden;}
.wqyx_t{ position: absolute; top: 0; right: 0; width: 305px; height: 28px; padding-left: 6px; font: bold 26px/28px "Microsoft Yahei"; color: #2a7bec; border-left: 3px solid #2a7bec;}
.etabs1{ position: absolute; top: 36px; right: 0; width: 314px; z-index: 10;}
.etabs1 a{ display: block; width: 272px; height: 109px; margin-bottom: 5px; padding: 20px; border: 1px solid #e2e2e2; text-align: justify; cursor: pointer;}
.etabs1 a.active{ border-color: #2a7bec;}
.etabs1 .video_t{ max-height: 72px; margin-bottom: 10px; font: bold 20px/24px "Microsoft Yahei"; color: #333; overflow: hidden;}
.etabs1 a.active .video_t{ color: #2a7bec;}
.etabs1 .video_des{ max-height: 80px; font-size: 16px; line-height: 20px; color: #888; overflow: hidden;}

.swiper-container{ position: absolute; top: 0; left: 0; width: 880px; height: 500px; overflow: hidden;}
.swiper-slide{ position: relative; }
.swiper-slide .icon_play{ position: absolute; left: 50%; top: 50%; width: 120px; height: 122px; margin: -61px 0 0 -60px; background: url(../images/icon_play.png) no-repeat center top;}
#swiper-container1 .swiper-slide img{ width: 100%; height: 100%;}
*/


.box_bs{ height: 567px; background: url(../images/bg_bs.png) no-repeat center top;}
.bs_tem{ float: left; width: 168px; height: 168px; margin: 0 28px 28px 0; border-radius: 4px;}
.bs_tem1{ font: bold 40px/168px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #004bb4; border: 1px solid #004bb4; }
.bs_tem2{ background-color: #fff; border: 1px solid #dfdfdf;}
.bs_tem2:hover{ border: 1px solid #004bb4;}
.bs_tem2 a{ display: block; width: 100%; height: 100%; overflow:hidden;} 
.bs_tem2 h3{  width: 100%; margin-top: 14px; font-size: 18px; line-height: 18px; color: #2a7bec; font-family: "simsun"; text-align: center;}
.bs_icon{ width: 78px; height: 65px; margin: 40px auto 0; }
.bs_icon1, .bs_icon2, .bs_icon3, .bs_icon4, .bs_icon5{ background-image: url(../images/icon_bs2_gr.png);}
.bs_icon6, .bs_icon7, .bs_icon8, .bs_icon9, .bs_icon10{ background-image: url(../images/icon_bs2_fr.png);}
.bs_icon1{ background-position: -390px 0;}
.bs_icon2{ background-position: -156px -65px;}
.bs_icon3{ background-position: -312px -65px;}
.bs_icon4{ background-position: -78px 0;}
.bs_icon5{ background-position: -234px 0;}
.bs_icon6{ background-position: 0 0;}
.bs_icon7{ background-position: -78px 0;}
.bs_icon8{ background-position: 0 -65px;}
.bs_icon9{ background-position: -78px -65px;}
.bs_icon10{ background-position: -312px -130px;}

a.i_bs_more{ float: right; margin-top: -20px; font-size: 16px; color: #fff;}

.box_city{ padding: 10px 0 60px; background-color: #f3f9ff}
.city_list{}
.city_list li{ position: relative; float: left; width: 100px; height: 439px; margin-right: 10px; box-shadow: 2px 2px 10px #666; border-radius: 4px;}
.city_list li.nomar{ margin-right: 0}
.city_list li img{ width: 100%; height: 100%;}
.city_list li:hover:after{ position: absolute; bottom: 10px; left: 50%; width: 20px; height: 3px; margin-left: -10px; background-color: #2a7bec; border-radius: 1px; content: "";}

.box_zk{ padding: 10px 0 50px; }
.zk_tem{ float: left; width: 400px; height: 454px;}
.zk_tem_top{ position: relative; height: 268px; background-color: #f0f4f8; border-top: 10px solid #fff;}
.zk_tem_top:before, .zk_tem_top:after{ position: absolute; width: 31px; height: 29px; background-image: url(../images/dot.png); content: "";}
.zk_tem_top:before{ top: 50px; left: 12px; background-position: 0 0;}
.zk_tem_top:after{ top: 172px; right: 12px; background-position: -31px -0;}
.zk_tem_t{ max-height: 120px; padding: 80px 44px 0; font-size: 24px; line-height: 40px; overflow: hidden;}
.zk_tem_t a{ color: #444;}
.zk_tem_bot{ height: 164px; border: 1px solid #f0f4f8; text-align: justify;}
.zk_tem_bot p{ max-height: 120px; padding: 24px 30px 0; font-size: 16px; line-height: 30px; color: #888; overflow: hidden;}

.zk_tem:hover .zk_tem_top{ background-color: #2a7bec; border-color: #2a7bec;}
.zk_tem:hover .zk_tem_t a:{ color: #fff;}
.zk_tem:hover .zk_tem_bot{ height: 174px; border-color: #2a7bec;}

.box_datacenter{ padding: 50px 0 60px; background: url(../images/bg_dc.jpg) no-repeat center top;}
.lmT_datacenter{ margin-bottom: 36px;}
.lmT_datacenter span{ display: block; text-align: center; color: #fff;}
.lmT_datacenter span.cn{ height: 40px; font: bold 40px/40px "Microsoft Yahei"; }
.lmT_datacenter span.en{ height: 16px; line-height: 16px;}
#jcl_dc{ width:1200px; height: 200px; margin-bottom: 60px; position:relative; background-color: #0052c5; overflow: hidden;}
.jcl_dc_block_wrap{ width: 1200px; overflow: hidden;}
.jcl_dc_container{ overflow: hidden; width:1200px; position: relative; display: block; }
.jcl_dc_container li{ position: relative; width: 200px; height: 200px; overflow: hidden;}
.jcl_dc_container li:before{ position: absolute; top: 126px; left: 50%; width: 22px; height: 3px; margin-left: -11px; background-color: #fff000; border-radius: 1px; content: "";}
.jcl_dc_container li:after{ position: absolute; top: 16px; right: 0; width: 1px; height: 163px; background-color: #1a64cb; content: "";}
.jcl_dc_container li span{ display: block; height: 18px; font-size: 18px; line-height: 18px; color: #fff; text-align: center;}
.jcl_dc_container li p{ font-size: 40px; line-height: 40px; color: #fff; text-align: center;}
.dc_name{ margin-top: 32px;}
.dc_num{ margin-top: 20px;}
.dc_unit{ margin-top: 46px;}

.jcl_dc_next, .jcl_dc_prev{ position:absolute; top: 50%; display:block; width:34px; height:34px; margin-top: -17px; background-image:url(../images/arr2.jpg);  z-index:10; cursor:pointer;}
.jcl_dc_prev{ background-position:0 0; left: 0;}
.jcl_dc_next{ background-position:-34px 0; right: 0;}

.s_lmT{ position: relative; height: 28px; margin-bottom: 30px; padding-left: 14px; font: bold 28px/28px "Microsoft Yahei"; color: #2a7bec; }
.s_lmT:before{ position: absolute; top: 0; left: 0; width: 4px; height: 28px; background-color: #2a7bec; border-radius: 1px; content: "";}
.s_lmT .btn_more{ position: absolute; right: 0; top: 0; width: 28px; height: 28px; background: url(../images/s_lmT_more.png) no-repeat center top;}

.bggd_tem{ position: relative; float: left; width: 360px; padding-bottom: 6px; margin-right: 60px;}
.bggd_tem.sty2{ margin-right: 30px}
.bggd_tem:after{ position: absolute; bottom: -5px; left: 50%; width: 350px; height: 1px; margin-left: -175px; background-color: #e2e2e2; content: "";}
.bggd_tem img{ width: 360px; height: 204px;}
.bggd_wz{ height: 224px; padding: 0 20px; border: 1px solid #e2e2e2; border-top: none;}
.bggd_t{ max-height: 64px; margin-bottom: 10px; padding-top: 24px; font-size: 22px; line-height: 32px; overflow: hidden;}
.bggd_des{ max-height: 56px; margin-bottom: 30px; font-size: 16px; line-height: 28px; color: #666666; overflow: hidden;}
.bggd_pdate{ font-size: 14px; line-height: 14px; color: #666;}

.loc{ padding-bottom: 10px; margin-bottom: 20px; font-size: 14px; line-height: 14px; color: #666; border-bottom: 1px solid #dfdfdf;}
.loc a{ color: #666}
.loc span{ color: #666;}

/*city*/
.city_block{ margin-bottom: 30px;}
.city_block_wz{ float: right; width: 230px; height: 400px; padding: 50px 35px 0; background-color: #1252c1;}
.city_block_t{ margin-bottom: 24px; font: bold 30px/30px "Microsoft Yahei"; color: #fff;}
.city_block_t span{ font-weight: normal; font-size: 18px;}
.city_block_t a{color: #fff;}
.city_block_des{ max-height: 192px; font-size: 14px; line-height: 24px; color: #91b7f7; overflow: hidden;}

.slider2_wrap{ position: relative; float: left; width: 900px; height: 450px; }
.slider2{}
.slider2 li{ position: relative; width: 900px; height: 450px;}
.slider2 li img{ width: 900px; height: 450px;}

.slider2_wrap .bx-wrapper{ position: relative;}
.slider2_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider2_wrap .bx-pager{ position: absolute; bottom: 40px; left: 970px; width: 300px;}
.slider2_wrap .bx-pager-item{ float: left;}
.slider2_wrap .bx-pager-link{ float: left; width: 11px; height: 11px; margin-right: 6px; text-indent: 999em; background: #89a9e0; border: 4px solid #1252c1; border-radius: 50%; overflow: hidden;}
.slider2_wrap .bx-pager-link:hover, .slider2_wrap .bx-pager-link.active{ background-color: #fff; border-color: #fff; text-decoration: none;}


/*.slider2_wrap .bx-prev, .slider2_wrap .bx-next{ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; background-image: url(../images/arr1.png); text-indent: 999em; overflow: hidden;}
.slider2_wrap .bx-prev{ left: 50%; margin-left: -600px; background-position: 0 0;}
.slider2_wrap .bx-next{ left: 50%; margin-left: 600px; background-position:  -40px 0;}*/

.city_tem{ float: left; position: relative; width: 585px; height: 293px; margin: 0 30px 30px 0}
.city_tem img{ width: 100%; height: 100%;}
.city_tem_wz{ position: absolute; top: 7px; right: 7px; width: 200px; height: 250px; padding: 30px 20px 0;  background-color: #1252c1; background: rgba(18,82,193,0.9);}
.city_tem_t{ margin-bottom: 24px; font: bold 18px/18px "Microsoft Yahei"; color: #fff;}
.city_tem_t span{ font-weight: normal; font-size: 12px;}
.city_tem_t a{color: #fff;}
.city_tem_des{ max-height: 192px; font-size: 14px; line-height: 24px; color: #91b7f7; overflow: hidden;}

/*概览*/
.common_wrap{; margin: -20px 0 40px; padding: 30px 79px 30px; border: 1px solid #dfdfdf;}
.left_bar{ 
	height: 1500px;
	padding: 0 25px; 
	background: #0b37c8;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #0b37c8, #2998f3); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,top,from(#0b37c8),to(#2998f3));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #0b37c8, #2998f3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #0b37c8, #2998f3);
}
.left_t{ position: relative; height: 20px; padding: 30px 0; font-size: 20px; line-height: 20px; color: #fff; text-align: center;}
.left_t i{ position: absolute; top: 50%; width: 36px; height: 2px; margin-top: -1px; background-color: #fff;}
.left_t .l{ left: 0;}
.left_t .r{ right: 0;}
.left_t span{}
.left_bar_list{}
.left_bar_list li{ width: 150px; height: 40px; margin-bottom: 20px; font-size: 18px; line-height: 40px; text-align: center; border-radius: 20px;}
.left_bar_list li a{ color: #b6cdfc;}
.left_bar_list li.current{ background-color: #fff;}
.left_bar_list li.current a{ color: #0b37c8}
#side_lm_name{ display: none;}

.gl_list1{ margin-bottom: 20px; border-bottom: 1px dashed #dfdfdf;}
/*.gl_list1_tem{ width: 100%; padding: 20px 0; border-bottom: 1px solid #e4e4e4;}
.gl_list1_tem img{ float: right; width: 240px; height: 135px;}
.gl_list1_wz{ float: left; width: 690px; width: calc(100% - 270px);}
.gl_list1_t{ height: 40px; font-weight: normal; font-size: 20px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gl_list1_des{ height: 56px; margin-bottom: 8px; font-size: 16px; line-height: 28px; overflow: hidden;}
.gl_list_date{ font-size: 14px; line-height: 14px; color: #888;}*/

.gl_list1 li{ position: relative; padding-left: 18px; height: 50px; }
.gl_list1 li:before{ position: absolute; top: 50%; left: 2px; width: 6px; height: 6px; margin-top: -3px; background-color: #ddd; border-radius: 50%; content: "";}
.gl_list1 li .gl_list1_t{ width: 80%; height: 50px; font: 18px/50px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gl_list1 li .gl_list_date{ position: absolute; right: 0; top: 0; height: 50px; font-size: 14px; line-height: 40px; color: #888;}


.pages{ margin-bottom: 10px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 5px; font-size: 14px; line-height: 32px; text-align: center; color: #666; border: 1px solid #e6e6e6; border-radius: 4px; }
.pages span{ font-size: 14px; line-height: 34px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.current, .pages a:hover{ color: #fff; background-color: #0078db; border-color: #0078db;}

/*细览*/
.article_wrap{}
.article_t{ margin-bottom: 30px; font: 36px/44px "Microsoft Yahei"; color: #1252c1; text-align: center; }
.article_item_wrap{ position: relative; margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2;}
.article_item{ height: 16px; font-size: 14px; line-height: 16px; text-align: center;}
.article_item span{ margin: 0 8px; color: #666;}
.bdshare{ position: absolute; right: 0; top: 0;}
.bdshare_des{ float: left; margin-right: 4px; font-size: 14px; line-height: 16px;}
.bdsharebuttonbox{ float: left; margin-top: -6px;}

.font_adjust{ position: absolute; right: 170px; top: 0; font: 14px/16px "Microsoft Yahei"; color: #333;}
.font_adjust button{  height: 16px; padding: 0 ; font: 14px/16px "Microsoft Yahei"; color: #333; cursor: pointer; background: none; border: none;}
.font_adjust button:hover{ color: #2b86ef; outline: none;}
.font_adjust button.active{ font-weight: bold;  color: #2b86ef; outline: none;}

.article_con{}
.article_con p{ margin-bottom: 20px; font-size: 16px; line-height: 32px; font-family: "simsun"; color: #333;}
.article_con img{ display: block; max-width: 800px; margin: 0 auto 20px;}
.article_con #J_prismPlayer{ width: 800px !important; height: 500px !important; margin: 0 auto;}
.article_con .prism-player{ width: 800px !important; height: 500px !important; margin: 0 auto;}


/*办事*/
/*办事*/
#bs_tab1{ position: relative; width: 100%; margin-top: 30px}
#bs_tab1 .etabs { position: relative; height:auto; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; }
#bs_tab1 .tab{ float: left; margin-right: 0;}
#bs_tab1 .tab a{ display: block; width: 160px; height: 50px; font: bold 24px/50px "Microsoft Yahei"; text-align: center; color: #0052d2;  cursor: pointer;}
#bs_tab1 .etabs:before{ display:none;}
#bs_tab1 .tab a:hover, #bs_tab1 .tab a.active{ color: #fff; background-color: #0052d2; border-radius: 25px;}
#i_tab1 .panel-container { }

/*.bs2_tem{ float: left; width: 260px; height: 260px; margin: 0 30px 30px 0; border: 1px solid #eceff4; overflow: hidden;}*/
.bs2_wrap{ margin-bottom: 20px}
.bs2_tem{ position: relative; float: left; width: 280px; margin: 0 26px 30px 0; box-shadow: 0 0 20px #bfe3ff; border:none; overflow: hidden; transition: transform linear 0.3s;}
.bs2_tem:hover{ transform: translate(0,-10px); background-color: #f3fdff; transition: all linear 0.3s;} 
.bs2_tem:hover p, .bs2_tem:hover p a{ color: #666;}
.bs2_tem.tem1{ height: 280px;}
.bs2_tem.tem2{ height: 240px;}
.bs2_tem a{display: inline;}
.bs2_icon{ width: 78px; height: 66px; margin: 40px auto 0; background-repeat: no-repeat;}
.bs3_icon{ width: 78px; height: 66px; margin: 40px auto 0; background-repeat: no-repeat;}
.icon3_1{
    background: url(https://www.cnbayarea.org.cn/images/gatjzz.png) no-repeat center center;
}
.icon3_2{
    background: url(https://www.cnbayarea.org.cn/images/lwndbf.png) no-repeat center center;
}
.icon3_3{
    background: url(https://www.cnbayarea.org.cn/images/lslycpsq.png) no-repeat center center;
}
.icon3_4{
    background: url(https://www.cnbayarea.org.cn/images/gatsb.png) no-repeat center center;
}
/* .bs2_icon.gr{ background-image: url(../images/icon_bs2_gr.png);}
.bs2_icon.fr{ float: none; background-image: url(../images/icon_bs2_fr.png);} */
.bs2_icon.gr{ background-image: url(../images/icon_bs2_gr.png);}
.bs2_icon.fr{ float: none; background-image: url(../images/icon_bs2_fr.png);}

.bs2_icon.gr.icon1_1{ background-position: 0 0}
.bs2_icon.gr.icon1_2{ background-position: -78px 0}
.bs2_icon.gr.icon1_3{ background-position: -156px 0}
.bs2_icon.gr.icon1_4{ background-position: -234px 0}
.bs2_icon.gr.icon1_5{ background-position: -312px 0}
.bs2_icon.gr.icon1_6{ background-position: -390px 0}
.bs2_icon.gr.icon2_1{ background-position: 0 -65px}
.bs2_icon.gr.icon2_2{ background-position: -78px -65px}
.bs2_icon.gr.icon2_3{ background-position: -156px -65px}
.bs2_icon.gr.icon2_4{ background-position: -234px -65px}
.bs2_icon.gr.icon2_5{ background-position: -312px -65px}
.bs2_icon.gr.icon3_1{ background-position: 0 -130px}
.bs2_icon.gr.icon3_2{ background-position: -78px -130px}
.bs2_icon.gr.icon3_3{ background-position: -156px -130px}
.bs2_icon.gr.icon4_1{ background-position: 0 -195px}
.bs2_icon.gr.icon4_2{ background-position: -78px -195px}
.bs2_icon.gr.icon4_3{ background-position: -156px -195px}
.bs2_icon.gr.icon4_4{ background-position: -234px -195px}
.bs2_icon.gr.icon4_5{ background-position: -312px -195px}
.bs2_icon.gr.icon4_6{ background-position: -385px -195px}

.bs2_icon.fr.icon1_1{ background-position: 0 0}
.bs2_icon.fr.icon1_2{ background-position: -78px 0}
.bs2_icon.fr.icon1_3{ background-position: -156px 0}
.bs2_icon.fr.icon2_1{ background-position: 0 -65px}
.bs2_icon.fr.icon2_2{ background-position: -78px -65px}
.bs2_icon.fr.icon2_3{ background-position: -156px -65px}
.bs2_icon.fr.icon2_4{ background-position: -234px -65px}
.bs2_icon.fr.icon3_1{ background-position: 0 -130px}
.bs2_icon.fr.icon3_2{ background-position: -78px -130px}
.bs2_icon.fr.icon3_3{ background-position: -156px -130px}
.bs2_icon.fr.icon3_4{ background-position: -234px -130px}
.bs2_icon.fr.icon3_5{ background-position: -312px -130px}
.bs2_icon.fr.icon3_6{ background-position: -390px -130px}
.bs2_icon.fr.icon3_7{ background-position: -468px -130px}
.bs2_icon.fr.icon4_1{ background-position: 0 -195px}
.bs2_icon.fr.icon4_2{ background-position: -78px -195px}
.bs2_icon.fr.icon4_3{ background-position: -156px -195px}

.bs2_tem a.wrap_link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2}
.bs2_tem h3{ height: auto; margin-top: 15px; font: bold 20px/30px "Microsoft Yahei"; text-align: center; color: #0582e3;}
.bs2_tem p{ position: relative; margin-top: 14px; font-size: 14px; line-height: 26px; text-align: center; color: #666; z-index: 3}

.bs_t{ position: relative; height: 24px; padding-bottom: 14px; margin-bottom: 30px; font: bold 22px/24px "Microsoft Yahei"; color: #0582e3; border-bottom: 2px solid #3a85ed;}
.bs_t a{ position: absolute; right: 0; bottom: 10px; font-size: 14px; line-height: 14px; color: #0582e3;}
.bs_t.sty2{ margin-bottom: 10px;}

/*.bsdt_wrap{ padding-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
.bsdt_tem{ float: left; width: 168px; height: 98px; margin: 0 22px 22px 0; border: 1px solid #a3baea; border-radius: 4px; box-shadow: 2px 2px 12px 0px #999; overflow: hidden;}

.bsdt_tem a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.bsdt_tem h3{ margin: 22px auto 0; font-size: 26px; line-height: 26px; text-align: center; color: #0582e3;}
.bsdt_tem p{ margin: 12px auto 0; font-size: 12px; line-height: 12px;  text-align: center; color: #888;}*/
.bs_t_b{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf;}
.bs_t_b span{ display: inline-block; width: 160px; height: 50px; font: bold 24px/50px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #0052d2; border-radius: 25px;}

.area_tem{ position: relative; float: left; width: 280px; height: 120px; margin-right: 26px; background-color: #fff; box-shadow: 0 0 20px #bfe3ff; overflow: hidden; transition: all linear 0.3s;}
.area_tem:hover{ transform: translate(0,-10px); background-color: #f3fdff; transition: all linear 0.3s;} 
.area_tem:before{ position: absolute; top: 14px; left: 138px; width: 2px; height: 90px; background-color: #bfe3ff; content: "";}
.area_tem a{ display: block;}
/* .area_tem i{ position: absolute; top: 24px; left: 34px; width: 70px; height: 70px; background-image: url(../images/icon_bs2_fw.png);} */
.area_tem i{ position: absolute; top: 24px; left: 34px; width: 70px; height: 70px; background-image: url(../images/icon_bs2_fw.png);}
.area_tem.gd i{ background-position: 0 0 }
.area_tem.hk i{ background-position: 0 -70px }
.area_tem.macao i{ background-position: 0 -140px }
.area_wz{ position: absolute; top: 14px; right: 0; width: 138px;}
.area_wz .cn{ margin: 10px auto 0; font: bold 30px/40px "Microsoft Yahei"; text-align: center; color: #0582e3;}
.area_wz .en{ margin: 12px auto 0; font-size: 14px; line-height: 14px;  text-align: center; color: #333;}

/*智库*/
.dhwq_block{}
.dhwq_block img{ float: left; width: 720px; height: 405px;}
.dhwq_wz{ float: right; width: 380px; height: 405px; padding: 0 20px; background: url(../images/bg_dhwq_wz.jpg) repeat-x left top; overflow: hidden;}
.dhwq_t{ max-height: 96px; margin-top: 30px; font: bold 36px/48px "Microsoft Yahei"; overflow: hidden;}
.dhwq_t a{ color: #fff;}
.dhwq_des{ max-height: 216px; font-size: 16px; line-height: 36px; text-indent: 2em; color: #fff; overflow: hidden;}

.zjgd_tem{ width: 550px;}
.zjgd_block{ padding-bottom: 20px; border-bottom: 1px dashed #dfdfdf;}
.zjgd_block img{ float: left; width: 180px; height: 180px; border-radius: 50%;}
.zjgd_wz{ float: right; width: 330px; padding-top: 16px;}
.zjgd_t{ max-height: 52px; margin-bottom: 10px; font: bold 22px/26px "Microsoft Yahei"; overflow: hidden;}
.zjgd_des{ max-height: 84px; font-size: 16px; line-height: 28px; color: #666; overflow: hidden;}
.zjgd_list{}
.zjgd_list li{ height: 59px; font-size: 18px; line-height: 60px; border-bottom: 1px dashed #dfdfdf; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/*建言*/
.jy_block{}
.jy_lmT{ height: 22px; margin-bottom: 14px; padding-bottom: 14px; font: bold 22px/22px "Microsoft Yahei"; color: #0582e3; border-bottom: 2px solid #0582e3;}
.jy_abs{ margin-bottom: 20px}
.jy_abs p{ font-size: 16px; line-height: 28px; color: #333;}
.jy_abs p span{ color: #ff2424;}
.jy_tem{ display: block; margin-bottom: 20px; font-weight: normal;}
.jy_tem span.des{ float: left; width: 100px; height: 50px; font-size: 16px; line-height: 50px; color: #333; text-align: right;}
.jy_tem span.des i{ margin-right: 4px; color: #ff2020;}
.jy_text{ float: right; width: 1020px; height: 48px; font-size: 16px; line-height: 48px; text-indent: 0.5em; color: #666; border: 1px solid #dfdfdf; border-radius: 4px;}
.jy_tem textarea{ float: right; width: 1020px; height: 148px; font-size: 16px; line-height: 48px; color: #666; border: 1px solid #dfdfdf; resize: none;}
/*
.jy_form_des{ margin: 0 0 20px 120px; font-size: 14px; line-height: 14px; color: #333;}*/
.file_block{ float: left; height: 50px; margin-left: 20px;}
.file_block .file_text{ float: left; width: 163px; height: 48px; margin-right: 10px; font-size: 16px; line-height: 48px; text-indent: 0.5em; color: #666; border: 1px solid #dfdfdf; border-radius: 4px;}
.file_btn_wrap{ float: left; position: relative; width: 162px; height: 50px;}
.file_btn{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*pacity: 0; filter: alpha(opacity=0);*/}
.flie_btn_cov{ width: 160px; height: 48px; font-size: 16px; line-height: 48px; color: #333; text-align: center; background-color: #e1e5ea; border: 1px solid #d8d8d8;}

.jy_form_btn{ margin-top: 40px; text-align: center;}
.jy_form_btn a, .jy_form_btn button{ display: inline-block; width: 118px; height: 48px; padding: 0; margin: 0 5px; font-size: 16px; line-height: 48px; text-align: center; cursor: pointer; border-radius: 4px;}
.jy_form_btn #jy_sub{ color: #fff; background-color: #0582e3; border: 1px solid #355f82;}
.jy_form_btn #jy_reset{ color: #333; background-color: #e1e5ea; border: 1px solid #d8d8d8}

/*jy2*/
.content-wrapper{ margin-left: 0}
.form-group{ }

@media screen and (max-width: 1140px) {
	.wrapper{ padding: 0 10px;}
    .jy_tem{ margin-bottom: 10px;}
	.jy_tem span.des{ float: left; width: 30%; }
	.jy_text{ float: right; width: calc(70% - 2px); }
	.jy_tem textarea{ float: right; width: calc(70% - 2px); line-height: 24px;}
	/*
	.jy_form_des{ margin: 0 0 20px 120px; font-size: 14px; line-height: 14px; color: #333;}*/
	.file_block{ float: left; height: 50px; margin-left: 20px;}
	.file_block .file_text{ float: left; width: 163px; height: 48px; margin-right: 10px; font-size: 16px; line-height: 48px; text-indent: 0.5em; color: #666; border: 1px solid #dfdfdf; border-radius: 4px;}
	.file_btn_wrap{ float: left; position: relative; width: 162px; height: 50px;}
	.file_btn{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*pacity: 0; filter: alpha(opacity=0);*/}
	.flie_btn_cov{ width: 160px; height: 48px; font-size: 16px; line-height: 48px; color: #333; text-align: center; background-color: #e1e5ea; border: 1px solid #d8d8d8;}

	.jy_form_btn{ margin-top: 40px; text-align: center;}
	.jy_form_btn a, .jy_form_btn button{ display: inline-block; width: 118px; height: 48px; padding: 0; margin: 0 5px; font-size: 16px; line-height: 48px; text-align: center; cursor: pointer; border-radius: 4px;}
	.jy_form_btn #jy_sub{ color: #fff; background-color: #0582e3; border: 1px solid #355f82;}
	.jy_form_btn #jy_reset{ color: #333; background-color: #e1e5ea; border: 1px solid #d8d8d8}
}

/*city new 20190201*/
.city_box{ width: 100%; height: 1036px; background: url(../images/bg_city.jpg) no-repeat center top; overflow: hidden;}
.city_con{ width: 1150px; height: 956px; margin: 30px auto 0; padding: 25px; background-color: #fff;}

.city_wrap{ position: relative; height: 930px; overflow: hidden;}
/*.etabs1{ height: 90px; margin-bottom: 20px;}
.etabs1 a{ float: left; width: 98px; height: 88px; margin-right: 5px; background-color: #e8e8e8; border: 1px solid #d9d9d9; border-radius: 4px; overflow: hidden; cursor: pointer;}
.etabs1 a.active{ background-color: #1c5ce0;}
.etabs1 a span.city_name_cn{ display: block; margin: 24px auto 0; font-size: 20px; line-height: 20px; color: #666; text-align: center;}
.etabs1 a span.city_name_en{ display: block; margin: 12px auto 0; font-size: 14px; line-height: 14px; color: #888; text-align: center;}
.etabs1 a.active span{ color: #fff;}*/

.etabs1{  height: auto; margin-bottom: 20px;}
.etabs1 a, .btn_gd{ float: left; width: 98px; height: 88px; margin-right: 5px; background-color: #e8e8e8; border: 1px solid #d9d9d9; border-radius: 4px; overflow: hidden; cursor: pointer;}
.btn_gd{ cursor: auto;}
.etabs1 a.active, .btn_gd.active{ background-color: #1c5ce0;}
.etabs1 a span.city_name_cn, .btn_gd span.city_name_cn{ display: block; margin: 24px auto 0; font-size: 20px; line-height: 20px; color: #666; text-align: center;}
.etabs1 a span.city_name_en, .btn_gd span.city_name_en{ display: block; margin: 12px auto 0; font-size: 14px; line-height: 14px; color: #888; text-align: center;}
.etabs1 a.active span, .btn_gd.active span{ color: #fff;}


.box_gd{ display: none; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #dfdfdf;}
.box_gd.active{ display: block;}
.box_gd a{ float: left; width: 98px; height: 52px; margin-right: 5px; background-color: #e8e8e8; border: 1px solid #d9d9d9; border-radius: 4px; overflow: hidden; cursor: pointer;}
.box_gd a.active{ background-color: #1c5ce0;}
.box_gd a span.city_name_cn{ display: block; margin:8px auto 0; font-size: 20px; line-height: 20px; color: #666; text-align: center;}
.box_gd a span.city_name_en{ display: block; margin: 2px auto 0; font-size: 14px; line-height: 14px; color: #888; text-align: center;}
.box_gd a.active span{ color: #fff;}

.etabs1 .video_t{ max-height: 72px; margin-bottom: 10px; font: bold 20px/24px "Microsoft Yahei"; color: #333; overflow: hidden;}
.etabs1 a.active .video_t{ color: #2a7bec;}
.etabs1 .video_des{ max-height: 80px; font-size: 16px; line-height: 20px; color: #888; overflow: hidden;}

.swiper-container{ width: 1150px; height: 750px; overflow: hidden;}
.swiper-slide{ position: relative; }

/*
#swiper-container1 .swiper-slide img{ width: 100%; height: 100%;}*/
.city_right{ position: absolute; right: 0; top: 32px; width: 216px; height: 60px; padding-right: 20px; font: bold 40px/60px "Microsoft Yahei"; color: #0a5dd3; text-align: right; background: url(../images/bg_city_right.png) no-repeat center top; z-index: 10;}

.slider_city_wrap{ position: relative; width: 100%; height: 750px; overflow: hidden;}
.slider_city{}
.slider_city li{ position: relative; width: 100%; height: 100%;}
.slider_city li img{ width: 1150px; height: 575px; }
.slider_city_des{ margin-top: 12px; font-size: 18px; line-height: 32px; color: #333; text-indent: 2em;}


.slider_city_wrap .bx-wrapper{ position: relative;}
.slider_city_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider_city_wrap .bx-pager{ position: relative; margin-top: -30px; text-align: center; /*position: absolute; bottom: 10px; right: 10px;*/ z-index: 10;}
.slider_city_wrap .bx-pager-item{ display: inline-block; margin: 0 3px; /* float: left;*/}
.slider_city_wrap .bx-pager-link{ float: left; width: 24px; height: 6px; margin-left: 5px; text-indent: 999em; background: #808080; border-radius: 3px; overflow: hidden;}
.slider_city_wrap .bx-pager-link:hover, .slider_city_wrap .bx-pager-link.active{ background-color: #fff; text-decoration: none;}

.slider_city_wrap .bx-prev, .slider_city_wrap .bx-next{ position: absolute; top: 250px; width: 52px; height: 52px; background-image: url(../images/arr3.png); text-indent: 999em; overflow: hidden;}
.slider_city_wrap .bx-prev{ left: 0; background-position: 0 0;}
.slider_city_wrap .bx-next{ right: 0; background-position: -52px 0;}

.ad{ margin: 30px 0;}
.ad img{ float: left; width: 390px; margin-right: 15px;}
/* .ad img{ display:block; max-width:1200px; height: auto; margin: 0 auto;} */

/*最新政策*/
.policy_wrap{ padding: 19px 29px; border: 1px solid #dfdfdf;}
.policy_k{ margin-bottom: 40px;}
.policy_k_tem{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #dfdfdf;}
.policy_k_tem span{ float: left; height: 36px; font: 18px/36px "Microsoft Yahei"; color: #0053cd;}
.policy_k_r{ float: right; width: 845px;}
.policy_k_r span, .policy_k_r p{ position: relative; float: left; height: 36px; padding: 0 12px; margin: 0 6px 20px; font: 18px/36px "Microsoft Yahei"; color: #333;}
.policy_k_r span:hover{ color: #2b86ef; cursor: pointer;}
.policy_k_r span.active{ color: #fff; background-color: #0051ce; border-radius: 4px;}
.policy_k_r span:after, .policy_k_r p:after{ position: absolute; top: 50%; right: -5px; width: 1px; height: 18px; margin-top: -9px; background-color: #dfdfdf; content: ""; }
.policy_k_r .label_bor{ position: relative; height: 0; margin-bottom: 6px; border-top: 1px solid #c3d3ff; clear: both;}
.policy_k_r .label_bor:before{ position: absolute; top: -7px; left:175px; width: 12px; height: 7px; background: url(../images/bor_arr.jpg) no-repeat center top; content: "";}

.policy_search{ margin-bottom: 24px;}
#keyword_p{ float: left; width: 812px; height: 38px; font: 16px/38px "Microsoft Yahei"; text-indent: 1em; color: #333; border: 1px solid #dfdfdf; border-radius: 2px; outline: none;}
#btn_p_search{ float: right; width:65px; height: 38px; font-size: 16px; line-height: 38px; color: #fff; text-align: center; background-color: #0051ce; border-radius: 2px; border:1px solid #0051ce;}

.policy_list{ }
.policy_list_top{ position: relative; height: 42px; margin-bottom: 18px; font-size: 18px; line-height: 42px; color: #175cd9; border-bottom: 2px solid #175cd9;}
.plt_l{ position: absolute; top: 0; left: 80px;}
.plt_r{ position: absolute; top: 0; right: 45px; width: 90px; text-align: center;}

.policy_tem{  padding-bottom: 18px; margin-bottom: 10px; border-bottom: 1px solid #dfdfdf;}
.policy_tem_l{ float: left; width: 685px;}
.policy_tem_l h3{ margin-bottom: 12px; font: 18px/24px "Microsoft Yahei";}
.policy_tem_l h3 em{ color: #f94646}
.policy_tem_l p{ font-size: 16px; line-height: 20px; color: #666;}
.policy_tem_r{ float: right; width: 90px; margin-right: 45px;}
.policy_tem_r span.p_date{ font-size: 16px; line-height: 24px; color: #666; text-align: center;}

/*政策细览*/
.w870{ width: 870px;}
.w300{ width: 300px;}
.policy_items{ margin-bottom: 30px;}
.policy_items p{ padding: 10px 0; font-weight: bold; font-size: 18px; line-height: 24px;  color: #333;}
.policy_items p span{ font-weight: normal;}

.article_bot{ margin-top: 20px;}
.article_bot p span{ color: #0053cd;}

.policy_article_r{ border: 1px solid #aed4f5;}
.par_tem{ margin-bottom: 10px;}
.par_top{ position: relative; height: 50px; margin-bottom: 14px; font: 18px/54px "Microsoft Yahei"; color: #0053cd; text-indent: 30px; color: #0053cd; border-bottom: 1px solid #dfdfdf;}
.par_top:before{ position: absolute; top: 20px; left: 20px; width: 3px; height: 16px; background-color: #1252c1; content: "";}
.par_list{ padding: 0 20px;}
.par_list li{ margin-bottom: 14px; font-size: 16px; line-height: 24px;}

.pagination{ margin-bottom: 10px; text-align: center; }
.pagination a, .pagination span{ box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 5px; font-size: 14px; line-height: 32px; text-align: center; color: #666; border: 1px solid #e6e6e6; border-radius: 4px; }

.pagination span{ display: inline-block; font-size: 14px; line-height: 32px; margin: 0 5px;}
.pagination a:hover{  color: #fff; background-color: #0078db; border-color: #0078db;}

.pagination .current { color: #fff; background-color: #0078db; border-color: #0078db;}

.pagination .prev, .pagination .next{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pagination .prev.current, .pagination .next.current{ color: #666; background: none; border: 1px solid #e6e6e6; cursor: auto;}

.result_no{ font-size: 20px;}

#loading{ display: block; margin: 40px auto 0;}
#loading.hide{ display: none;}

.ad_policy img{ width: 100%; height: auto;}

.policy_bar{ padding: 17px; background-color: #f2f8ff; border: 1px solid #dfdfdf;}
.zywj_t{ position: relative; width: 166px; height: 44px; margin-bottom: 16px; font: 20px/44px "Microsoft Yahei"; color: #fff; text-indent: 66px; background-color: #0051ce; border-radius: 4px;}
.zywj_t:before{ position: absolute; top: 0; left: 0; width: 50px; height: 44px; background: url(../images/icon_book.png) no-repeat center center; border-right: 1px solid #fff; content: "";}
.zywj_i{ margin-bottom: 32px;}
.zywj_i img{ width: 100%; height: auto;}
.zywj_list{}
.zywj_list li{ position: relative; padding: 16px 0 16px 32px; font: bold 18px/28px "Microsoft Yahei"; border-top: 1px dashed #abd3fe;}
.zywj_list li:before{ position: absolute; top: 20px; left: 0; width: 24px; height: 23px; background: url(../images/icon_zc_right.png) no-repeat center top; content: "";}
.zywj_list li a{ color: #b41a1a;}

#slider_rotate{ position: relative; width: 1200px; height: 325px; margin: 0 auto; } 
.d_img{ position: absolute; top: 0; left: 50%; margin-left: -600px; width: 1200px; height: 325px; overflow: hidden;}
.d_img li{ display: none; position: absolute;}
.d_img li img{ width: 100%;}

.d_img li.d_pos1{ display: block; width:362px; left:0px; top:56px; z-index:2;}
.d_img li.d_pos2{ display: block; width:487px; left:157px; top:24px; z-index:3;}
.d_img li.d_pos3{ display: block; width:578px; left:312px; top:0; z-index:4;}
.d_img li.d_pos4{ display: block; width:487px; left:556px; top:24px; z-index:3;}
.d_img li.d_pos5{ display: block; width:362px; left:838px; top:56px; z-index:2;}
.d_pos_i{ position: relative; top: 0; left: 0; width: 100%; z-index: 3}
.d_t{ position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; font: 18px/48px "Microsoft Yahei"; text-align: center; color: #fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000'); background: rgba(0,0,0,0.6); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.d_t a{ color: #fff;}

#slider_rotate .d_menu{ display: none; position:absolute;bottom:20px;width:100%;text-align:center}

.d_prev, .d_next{ position: absolute; top: 50%; margin-top: -33px; width: 39px; height: 66px; background: url(../images/arr4.png) no-repeat center top; z-index: 10; cursor: pointer;}
.d_prev{ background-position: 0 0; left: 0; }
.d_next{ background-position: -39px 0; right: 0; }

/*index2020*/
.focus_block{ position: relative;}
.focus_block.sty1{ width: 780px; height: 438px;}
.focus_block.sty2{ width: 360px; height: 202px; margin-bottom: 34px;}
.focus_block img{ width: 100%; height: 100%;}
.focus_block h3{ position: absolute; left: 0; bottom: 0; width: 100%; text-indent: 0.5em; color: #fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99135fd1', endColorstr='#99135fd1'); background: rgba(19,95,209,0.8); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.focus_block.sty1 h3{ height: 48px; font: bold 24px/48px "simsun";}
.focus_block.sty2 h3{ height: 36px; font: 16px/36px "simsun";}
.focus_block h3 a{ color: #fff;} 

.i_zx_tem{ float: left; width: 360px; margin: 0 60px 50px 0;}

.index_zc_wrap{ padding-bottom: 20px; background-color: #f3f9ff;}
.i_zc_lmT{ position: relative; height: 24px; margin-bottom: 20px; padding-left: 16px; font: 24px/24px "Microsoft Yahei"; color: #007fe2; border-left: 4px solid #6abeff;}
.i_zc_lmT a{ position: absolute; right: 0; top: 50%; width: 24px; height: 24px; margin-top: -12px; font-weight: bold; font-size: 24px; line-height: 22px; color: #fff; text-align: center; background-color: #ddd; border-radius: 50%; content: "";}
.i_zc_search{ position: relative; width: 778px; height: 58px; margin-bottom: 40px; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 4px;}
#i_zc_text{ position: absolute; top: 0; left: 20px; width: 400px; height: 58px; font-size: 16px; line-height: 58px; color: #666; border: 0; outline: 0;}
#i_zc_sub{ position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; background: url(../images/btn_search.jpg) no-repeat center top; border: 0; outline: 0; cursor: pointer;}

.i_zc_list{ margin-top: }
.i_zc_list li{ position: relative; height: 50px; padding-left: 16px;}
.i_zc_list li:before{}
.i_zc_list li h3{ float: left; width: 85%; height: 50px; font: 18px/50px "simsun"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.i_zc_list li span{ float: right; font-size: 14px; line-height: 50px; color: #888;}


#jcl_zcjd{ width:360px; height: 342px; position:relative; background-color: #fff; overflow: hidden;}
.jcl_zcjd_block_wrap{ width: 360px; overflow: hidden;}
.jcl_zcjd_container{ overflow: hidden; width:360px; position: relative; display: block; }
.jcl_zcjd_container li{ position: relative; width: 360px; height: 342px; overflow: hidden;}
.jcl_zcjd_container li img{ width: 360px; height: 202px;}
.jcl_zcjd_container li h3{ max-height: 72px; margin: 20px auto 0; padding: 0 20px; font: 18px/24px "simsun"; overflow: hidden;}

.jcl_zcjd_next, .jcl_zcjd_prev{ position:absolute; bottom: 20px; display:block; width:24px; height:24px;  background-image:url(../images/arr5.png);  z-index:10; cursor:pointer;}
.jcl_zcjd_prev{ background-position:0 0; right: 56px;}
.jcl_zcjd_next{ background-position:-24px 0; right: 20px;}

.banner{ width: 1200px; height: 200px; background: url(../images/banner2020.jpg) no-repeat center top;}
.headline{ position: relative; min-height: 80px; overflow: hidden;}
/* .headline:before{ position: absolute; top: 0; left: 0; width: 40px; height: 80px; background: url(../images/icon_headline.png) no-repeat center top; content: "";} */
.headline h2{ margin: 0 30px; font: bold 38px/44px "Microsoft Yahei"; text-align: center;}
.headline h2 a{}

.yzwq{ position: absolute; top: 0; right: 0; width: 16px; font-size: 16px; line-height: 20px;}
.yzwq a{ color: #2b86ef;}

#jcl_city{ width:1200px; margin:0 auto 0; height:404px; position:relative; }
.jcl_city_wrap{ width: 1200px; overflow: hidden;}
.jcl_city_container{overflow: hidden; width:1200px; position: relative; display: block; }
.jcl_city_container li{ width: 285px; margin-right:20px;}
.jcl_city_container li img{ width:285px; height:404px;}

.jcl_city_next, .jcl_city_prev{ position:absolute; top:50%; display:block; width:64px; height:64px; margin-top: -32px; background-image:url(../images/arr6.png);  z-index:10; cursor:pointer;}
.jcl_city_prev{ background-position:0 0; left: 0; }
.jcl_city_next{ background-position:-64px 0; right: 0;}

/*20200708*/
.i_zt_tem{ float: left; position: relative; width: 300px; padding-bottom: 6px; margin-right: 30px;}
.i_zt_tem.nomar{ margin-right: 0;}
.zt_bot{  width: 290px; height: 1px; margin: 5px auto 0; background-color: #e2e2e2; }
.i_zt_con img{ width: 300px; height: 168px;}
.zt_wz{ height: auto; padding: 0 20px 14px; border: 1px solid #e2e2e2; border-top: none; text-align: justify;}
.zt_t{ height: 64px; margin-bottom: 10px; padding-top: 14px; font-size: 22px; line-height: 32px; overflow: hidden;}
.zt_t a{ color: #000;}
.zt_des{ height: 56px; font-size: 16px; line-height: 28px; color: #666666; overflow: hidden;     display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*20201104*/
.article_qrcode{  margin-top: 40px;}
.article_qrcode p{  margin-top: 10px; font-size: 14px; line-height: 20px; color: #666; text-align: center;}
#article_qrcode_con{ position: relative; width: 200px; height: 203px; margin: 0 auto;}
.article_qrcode table, .article_qrcode canvas{ position: absolute; top: 0; left: 0; background-color: #fff;}

/*20210409 图库*/
.tk_wrap{ max-width: 1920px; margin: 0 auto; padding: 30px 0 40px; background-color: #f3f9ff;}
.tk_left{ float: left; width: 984px;}
.tk_left h1{ margin-bottom: 14px; font: bold 30px/36px "Microsoft Yahei";}
.tk_con{ position: relative;}
.gallery-top{ width: auto; height: 763px; background-color: #dfecfd; overflow: hidden;}
.gallery-top .swiper-slide{ position: relative; background-color: #dfecfd;}
.gallery-top .swiper-slide img{ display: block; max-width: 880px; height: 587px; padding-top: 20px;  margin: 0 auto 20px;}
.gallery-top .swiper-slide p{ max-height: 128px; padding: 0 20px; font: 18px/32px "Microsoft Yahei"; text-indent: 4em; text-align: justify; color: #333; overflow: hidden;}

.tk_right{ position: relative; float: right; width: 140px; margin-top: 135px;}
.gallery-thumbs{ position: relative; width: 140px; height: 545px; overflow: hidden;}
/*.gallery-thumbs .swiper-wrapper{ height: 545px; overflow: hidden;}*/
.gallery-thumbs .swiper-slide{ width: 140px; height: 93px; opacity: 0.6; cursor: pointer;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ opacity: 1}
.gallery-thumbs .swiper-slide img{ width: 100%; height: 100%;}

.gallery-prev, .gallery-next{ position: absolute; left: 50%; width: 44px; height: 24px; margin-left: -22px; background-image: url(../images/arr_tk.png); outline: none; cursor: pointer;}
.gallery-prev{ top: -64px; background-position: 0 0;}
.gallery-next{ top: 585px; background-position: 0 -24px;}
.gallery-prev:hover{ background-position: -44px 0;}
.gallery-next:hover{ background-position: -44px -24px;}

#count{ position: absolute; top: 626px; left: 22px; font: italic 22px/30px Arial; color: #0053ce; z-index: 3}
#count span{ font-size: 30px; font-weight: bold;}

.tk_des{ display: none; margin-top:10px; font-size:14px; color:#888;}
.tk_des.active{ display: block;}

.zc-banner{ background: url(/images/ad_policy2.png) no-repeat center top; width: 680px; height:74px; background-size: 100%;}
.zxr{ position: absolute; width: 60px; height: 60px; right: 68px; margin-top: 7px;}
.zxrcode{ position: absolute; width: 195px; height: 195px; right: 0; top: 24px; z-index: 999;}